<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="./css/base.css">
<script type="text/javascript" src="./node_modules/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="./js/codergege.js"></script>
<script type="text/javascript" src="./js/test.js"></script>
<style>
#div, #div1, #div2 { padding: 40px 50px; }
#div { background: green; }
#div1 { background: blue; position: relative; }
#div2 { background: red; }

#div4 { width: 100px; height: 100px; padding: 10px; margin: 15px; 
	border: 1px solid #000 }
</style>
<body>

<div id="div">
	<div id="div1">
		<div id="div2"></div>
	</div>
</div>

<div id="div3">
	<ul id="ul1">
		<li>001<a href="">001</a></li>
		<li>002<a href="">002</a></li>
		<li>003<a href="">003</a></li>
		<li>004<a href="">004</a></li>
		<li>005<a href="">005</a></li>
	</ul>
</div>

<div id="div4" class="active"></div>
</body>
</html>
